<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: QUANYUNA
  Date: 2021/5/10
  Time: 8:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    //获取项目的根路径
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <title>图书捐赠页面</title>
    <style type="text/css">
        #boxs{
            text-align: center;
            background: white;
            width: 550px;
            height: 450px;
            margin-top: 100px;
            text-align: center;
            padding: 80px;
            opacity: 0.9;
        }
        form p>span{
            display: inline-block;
            width: 100px;
        }
        * {
            margin: auto;
            padding: 0px;
        }

        #first_div {
            <%--background-image: url("<%=basePath%>/book/img/05.png");--%>
            /*display: none;*/
            position: relative;
            padding-bottom: 15px;
            margin: auto;
            width: 100%;
            height: 100%;
            border: blue 2px solid;
        }


        tr{
            font-size: 20px;
        }

        input{
            font-size: 20px;
        }

        select{
            width: 244px;
            font-size: 20px;
        }

        input[name='time']{
            width: 244px;
        }

        #book_table tr{
            width: 80px;
            height: 10px;
        }

        h2{
            color: red;
        }

        input[name='button_two_td']{
            position: absolute;
            left: -120px;
            top: 32px;
        }

    </style>
</head>
<body>
<div id="first_div">
    <div id="boxs">
        <form action="<%=basePath%>/InsertServlet?tp=insert" method="post">

            <h2>捐赠图书管理</h2><br>
            <p><span>姓名:</span><input type="text" name="name" required placeHolder="请输入捐赠人姓名"></p><br>
            <p><span>书名:</span><input type="text" name="bookName" required placeholder="请输入该书书名"></p><br>
            <p><span>作者:</span><input type="text" name="author" required placeholder="请输入该书作者"></p><br>
            <p><span>类型:</span><select name="type" style="width: 215px">
                <option>网络小说</option>
                <option>儿童益智</option>
                <option>学习资料</option>
                <option>经典名著</option>
            </select></p><br>
            <p><span>数量:</span><input type="text" name="number" required placeHolder="请输入捐赠数量"></p><br>
            <p><span>金额:</span><input type="text" name="price" required placeholder="请输入该书价格"></p><br>
            <input type="text"name="source" readonly value="捐赠" hidden>
            <p><span>日期:</span><input type="date" name="time" required placeholder="输入该书捐赠时间" style="width: 215px"></p><br>
            <p><input type="submit" name="submit" value="添加"></p>
        </form>
    </div>
</div>
</body>

</html>
